<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta name="description" content="游戏账号交易" />
    <meta name="keywords" content="游戏账号交易" />
    <link rel="stylesheet" href="/loadingStyle.css" />
    <script src="/lib/fastclick.js"></script>
    <script src="/lib/iscroll-probe.js"></script>
    <script src="/lib/iscroll.js"></script>
    <title><%= title %></title>
  </head>
  <body>
    <div id="app">
      <div class="app-loading">
        <div class="app-loading-wrap">
          <img src="/logo.png" class="app-loading-logo" alt="Logo" />
          <div class="app-loading-dots">
            <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
          </div>
          <div class="app-loading-title"><%= title %></div>
        </div>
      </div>
    </div>
    <script type="module" src="/src/main.ts"></script>
    <script>
      // 阻止手指触发放大
      window.onload = function () {
        document.addEventListener('gesturestart', function (e) {
          e.preventDefault()
        })
        document.addEventListener('dblclick', function (e) {
          e.preventDefault()
        })
        document.addEventListener('touchstart', function (event) {
          if (event.touches.length > 1) {
            event.preventDefault()
          }
        })
        var lastTouchEnd = 0
        document.addEventListener(
          'touchend',
          function (event) {
            var now = new Date().getTime()
            if (now - lastTouchEnd <= 300) {
              event.preventDefault()
            }
            lastTouchEnd = now
          },
          false
        )
      }
    </script>
  </body>
</html>
